<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>忘记密码</title>
    <style>
        input::-webkit-input-placeholder{
            color: #fff;

        }
    </style>
</head>
<body style="background-image:url(img/bg.png);background-repeat: no-repeat;text-align: center">
    <div>
        <div style="margin-top:23vh;margin-bottom: 5vh"><img src="img/logo.png" alt=""></div>
        <div style="color:#fff;margin-bottom: 2vh">
            <span style="position:relative;left:-7vw;top:0">忘记密码</span>
        </div>
        <div>
            <select name="" id="country" style="background-color:rgba(255, 255, 255, 0.5);color:#fff;border-radius: 6px;border: none;height: 4.2vh">
                <option value="86" selected style="background-color:#9a95aa;color:#fff;">+86</option>
                <option value="63" style="background-color:#9a95aa;color:#fff;">+63</option>
                <option value="852" style="background-color:#9a95aa;color:#fff;">+852</option>
                <option value="855" style="background-color:#9a95aa;color:#fff;">+855</option>
                <option value="856" style="background-color:#9a95aa;color:#fff;">+856</option>
                <option value="65" style="background-color:#9a95aa;color:#fff;">+65</option>
            </select>
            <input type="text" placeholder=" 手机号" style="background-color: rgba(255, 255, 255, 0.5);color:#fff;border: none;border-radius: 6px;width:15vw;height:4vh" id="telephone">
        </div>
        <div>
            <input type="password" placeholder=" 输入新密码 (6-32位,字母等组成)" style="background-color: rgba(255, 255, 255, 0.5);color:#fff;border: none;border-radius: 6px;width:18vw;height:4vh;margin: 2vh 0" id="password1">
        </div>
        <div>
            <input type="password" placeholder=" 再次输入新密码" style="background-color: rgba(255, 255, 255, 0.5);color:#fff;border: none;border-radius: 6px;width:18vw;height:4vh" onblur="newpassword()" id="password2">
        </div>
        <span style="color:#ff3737;opacity: 0;" id="passwordError">两次密码不一致，请重新输入！</span>
        <div style="margin-top:4vh;margin-bottom:10vh;color:#Fff">
            <!-- <img src="" alt=""> -->
            <input type="text" placeholder=" 输入验证码" style="background-color: rgba(255, 255, 255, 0.5);color:#fff;border: none;border-radius: 6px;width:5vw;height:4vh" id="forget_code">
            <button style="margin-left: 3vw;background-color: rgba(62, 65, 242, 0.7);border: none;color:#fff;border-radius: 25px;width: 10vw;height: 4vh;" onclick="sendSms()" id="sendSms">发送验证码</button>
        </div>
    </div>
    <button style="border:0;background-color:#3e41f2;color:#fff;width: 14vw;height: 5vh;font-size: 1vw;border-radius: 5px;" onclick="forget_OK()">确 认</button>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/init.js"></script>
<script src="js/md5.js"></script>
<script src="forget.js"></script>
</html>